{% extends 'base.html' %}

{% block title %}芒果头条{% endblock %}


{% block header_nav %}

{% endblock %}


{% block content %}
    <div class="content-area shop-grid-content full-width col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="site-main">

            <hr/>
            <ul class="row list-products auto-clear equal-container product-grid">
                {{% for result in page %}}
                     <li class="product-item  col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                {% else %}
                    <P>没有查询到结果</P>
                {% endfor %}
{#                <li class="product-item  col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">#}
                    <div class="product-inner equal-element" >

                        <div class="product-thumb" style="height: 220px;">
                            <div class="thumb-inner">
                                <a href="#">
                                    <img src="{{ result.object.default_img.url }}" alt="img">
                                </a>

                            </div>
                        </div>
                        <div class="product-info">
                            <h5 class="product-name product_title" >
                                <a href="{{ result.title }}">小米市值破千亿美元：进入上市以来最好阶段</a>
                            </h5>

                        </div>
                    </div>
                </li>
                <li class="product-item  col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                    <div class="product-inner equal-element" >

                        <div class="product-thumb" style="height: 220px;">
                            <div class="thumb-inner">
                                <a href="#">
                                    <img src="http://images.nagle.cn:8888/group1/M00/00/00/wKgVjV_jUFqAYzZbAAFNF-5NQK4351.png" alt="img">
                                </a>

                            </div>
                        </div>
                        <div class="product-info">
                            <h5 class="product-name product_title" >
                                <a href="#">小米市值破千亿美元：进入上市以来最好阶段</a>
                            </h5>

                        </div>
                    </div>
                </li>
                <li class="product-item  col-lg-3 col-md-4 col-sm-6 col-xs-6 col-ts-12 style-1">
                        <div class="product-inner equal-element" >

                            <div class="product-thumb" style="height: 220px;">
                                <div class="thumb-inner">
                                    <a href="#">
                                        <img src="http://images.nagle.cn:8888/group1/M00/00/00/wKgVjV_jUFqAYzZbAAFNF-5NQK4351.png" alt="img">
                                    </a>

                                </div>
                            </div>
                            <div class="product-info">
                                <h5 class="product-name product_title" >
                                    <a href="#">小米市值破千亿美元：进入上市以来最好阶段</a>
                                </h5>

                            </div>
                        </div>
                    </li>


            </ul>

            <div class="pagination clearfix style2">
                <div class="nav-link">
{#                    {% if page.has_previous() %}#}
{#                        <a href="#" class="page-numbers"><i class="icon fa fa-angle-left" aria-hidden="true"></i></a>#}
{#                    {% endif %}#}
{##}
{#                    <a href="#" class="page-numbers"><i class="icon fa fa-angle-left" aria-hidden="true"></i></a>#}
{#                    {% for num in range(1,page.paginator.num_pages + 1) %}#}
{#                    <a href="#" class="page-numbers {% if page.number ==num %}current{% endif %}">{{ num }}</a>#}
{#                    <a href="#" class="page-numbers">2</a>#}
{#                    <a href="#" class="page-numbers">3</a>#}
{#                    {% endfor %}#}
{#                    {% if page.next() %}#}
{#                        <a href="#" class="page-numbers"><i class="icon fa fa-angle-right" aria-hidden="true"></i></a>#}
{#                    {% endif %}#}

                </div>
            </div>

        </div>
    </div>

    <div style="width:100%;height: 500px;"></div>
{% endblock %}




